.my-carousel{}

.x-carousel{position:relative;overflow:hidden}.x-carousel-item{position:absolute;width:100%;height:100%}.x-carousel-item > *{position:absolute;width:100%;height:100%}
.x-carousel-indicator{padding:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;background-color:transparent;background-image:none;background:url();}
.x-carousel-indicator{-webkit-box-flex:1;display:-webkit-box;display:box;-webkit-box-pack:center;box-pack:center;-webkit-box-align:center;box-align:center}
.x-carousel-indicator span{display:block;width:0.5em;height:0.5em;-webkit-border-radius:0.25em;border-radius:0.25em;margin:0.2em}
.x-carousel-indicator-horizontal{height:1.5em;width:100%}.x-carousel-indicator-vertical{-webkit-box-orient:vertical;box-orient:vertical;width:1.5em;height:100%}
.x-carousel-indicator-light span{background-image:none;background:url();background-color:rgba(255, 255, 255, 0.1)}
.x-carousel-indicator-light span.x-carousel-indicator-active{background-image:none;background:url();background-color:rgba(255, 255, 255, 0.3)}
.x-carousel-indicator-dark span{background:url(../images/my-carousel-indicator0.png); width:8px;height:7px; }
.x-carousel-indicator-dark span.x-carousel-indicator-active{background:url(../images/my-carousel-indicator1.png); width:8px;height:7px; }


#imgLogo {width:66px;height:30px;background-size:100% 100%;}
#LoadingBody #lblLoading{color:#fff;}

#pnlLoading {background:url(../images/loading-bg.png);background-size:100% 100%;}
#pnlHome, #pnlChannel, #pnlList, #pnlDetail, #pnlPlayMovie, #pnlLogin, #pnlChangePassword, #pnlRegister, #pnlFavorite, #pnlFindPassword1,#pnlFindPassword2,#pnlUserCenter,#pnlHelp,#pnlAboutus,#pnlLogout{background:url(../images/app-bg.png);background-size:100% 100%;}
#LoadingBody,#HomeBody,#showChannel,#ListBody,#FavoriteBody {background:url()}



#pnlDetail .divPlayer{width:100%;height:170px;overflow:hidden; background-size:100% 100%;}

.my-toolbar-nobg {}
.x-toolbar .my-button-nobg {background-image:none;background:url();border:0;}
.x-toolbar .my-button-nobg:active {background-image:none;background:url();border:0;}
.my-title-bg {background:url(../images/my-title-bg.png);height:25px;line-height:25px;}

#pnlChannel {color:#fff;}
#pnlChannel a {color:#fff;}
#pnlUserCenter a {text-decoration:none}
margin-auto {margin:auto;}
.font-bold {font-weight:bold}
.btnMore {width:80px;height:40px;margin:0;padding:0}
em.hide{display:none;}

.movie-single {clear:both; height:60px;font-size:14px;position:relative; color:#fff;background-image:none;background:url();background-color:rgba(255, 255, 255, 0);}
.movie-single:active {background-image:none;background:url();background-color:rgba(255, 255, 255, 0.2);}
.movie-single .left1{ position:absolute; width:72px;top:5px;left:10px}
.movie-single .left1 img{width:60px;height:44px; border:0;}
.movie-single .left2{position:absolute; left:84px;top:4px; width:230px}
.movie-single .movelist-title {white-space: nowrap; width:230px; overflow:hidden; text-overflow:ellipsis;}
.movie-single .left2 .movelist-title{font-weight:bold;}
.movie-single .right { position:absolute; right:10px;top:30px;}
.movie-single .movie-single-list {font-size:12px;}
.movie-single .bottom {width:100%;height:3px; position:absolute;bottom:0px; background:url(../images/movie-single-bottom.png) bottom;}




.stars0{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 0}
.stars1{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -20px}
.stars2{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -40px}
.stars3{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -60px}
.stars4{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -80px}
.stars5{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -100px}
.stars6{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -120px}
.stars7{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -140px}
.stars8{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -160px}
.stars9{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -180px}
.stars10{width:70px;height:12px;display:inline-block;background:url(../images/stars.png) no-repeat 0 -200px}

.my-third1{ text-indent:20px;text-decoration:none;color:#000;width:120px;height:20px;display:inline-block;background:url(../images/thirdsite.png) no-repeat 0 0}
.my-third2{ text-indent:20px;text-decoration:none;color:#000;width:120px;height:20px;display:inline-block;background:url(../images/thirdsite.png) no-repeat 0 -30px}
.my-third3{ text-indent:20px;text-decoration:none;color:#000;width:120px;height:20px;display:inline-block;background:url(../images/thirdsite.png) no-repeat 0 -60px}

#homeListTitle1,#homeListTitle2,#homeListTitle3,#homeListTitle4{margin-top:10px;margin-left:5px}
#homeListTitle1 img,#homeListTitle2 img,#homeListTitle3 img,#homeListTitle4 img{margin-top:10px;margin-left:5px; border:0;}
#homeListBody1,#homeListBody2,#homeListBody3,#homeListBody4{}


.public-title-bar {background:url(../images/titlebar-bg.png); height:42px;}
.public-title-bar .x-title{font-size:1.0em;}
.public-title-bar .my-button-login {background:url();border:none;}
.public-title-bar .my-button-login:active {background:url();border:none;}
.public-title-bar .my-button-refresh {background:url();background-color:;border:none;}
.public-title-bar .my-button-refresh:active {background:url();background-color:;border:none;}
.public-title-bar .my-btnBack {border:0;width:75px;height:35px;background:url(../images/btnBack0.png);background-size:100% 100%;}
.public-title-bar .my-btnBack:active {border:0;width:75px;height:35px;background:url(../images/btnBack1.png);background-size:100% 100%;}

.public-bottom-bar {background:url(../images/toolbar-bg.png); height:50px;}

.public-bottom-bar .my-btnHome0 {border:0;width:80px;height:40px;background-color:; background:url(../images/btnHome0.png);background-size:100% 100%;}
.public-bottom-bar .my-btnHome0:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnHome1.png);background-size:100% 100%;}
.public-bottom-bar .my-btnHome1 {border:0;width:80px;height:40px;background-color:; background:url(../images/btnHome1.png);background-size:100% 100%;}
.public-bottom-bar .my-btnHome1:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnHome1.png);background-size:100% 100%;}


.public-bottom-bar .my-btnChannel0 {border:0;width:80px;height:40px;background-color:; background:url(../images/btnChannel0.png);background-size:100% 100%;}
.public-bottom-bar .my-btnChannel0:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnChannel1.png);background-size:100% 100%;}
.public-bottom-bar .my-btnChannel1 {border:0;width:80px;height:40px;background-color:; background:url(../images/btnChannel1.png);background-size:100% 100%;}
.public-bottom-bar .my-btnChannel1:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnChannel1.png);background-size:100% 100%;}

.public-bottom-bar .my-btnUserCenter0 {border:0;width:80px;height:40px;background-color:; background:url(../images/btnUserCenter0.png);background-size:100% 100%;}
.public-bottom-bar .my-btnUserCenter0:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnUserCenter1.png);background-size:100% 100%;}
.public-bottom-bar .my-btnUserCenter1 {border:0;width:80px;height:40px;background-color:; background:url(../images/btnUserCenter1.png);background-size:100% 100%;}
.public-bottom-bar .my-btnUserCenter1:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnUserCenter1.png);background-size:100% 100%;}

#btnHome:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnHome1.png);background-size:100% 100%;}
#btnChannel:active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnChannel1.png);background-size:100% 100%;}
#btnUserCenter1active {border:0;width:80px;height:40px;background-color:; background:url(../images/btnUserCenter1.png);background-size:100% 100%;}


/*
.public-bottom-bar .x-button:before {background:url();}
.public-bottom-bar .x-button:after {background:url();}
*/


/*usercenter*/
#cntUserCenter {font-size:.8em;line-height:1.6em;}
#cntUserCenter a{font-size:1em;font-weight:bold;color:#ffffff}
/*detail*/
#detailBody {font-size:.8em;line-height:1.4em;}
#detailBody .title {font-weight:bold}
#lblCommentpoint {margin:3px auto;}
#lblDescription {margin:3px auto;}
#lblSeeEmail a{display:inline-block;text-indent:18px;width:142px;height:33px;line-height:33px;background:url(../images/lblSeeEmail.png) no-repeat;background-size:100% 100%;color:#fff;text-decoration:none}

.photo {position:relative}
.photo img{background-size:100% 100%; border:0; height:145px; width:100%}
.photo a{position:absolute;display:block;border:1px solid #555555;}
.photo span{margin-top:120px;height:25px;position:absolute;width:100%;background:#000;display:block;color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;font:bold 12px/30px Verdana, Arial; text-align:center}

.my-video-img{background-size:100% auto; width:100%; heigt:170px; border:0;}


#showChannel .my-list-item{float:left;width:33%;margin-top:10px;}
#showChannel .my-list-item-image{margin:5px auto;width:96px;text-align:center;}
#showChannel .my-list-item-name{margin:5px auto;width:96px;text-align:center;font-size:.8em;}



#pnlUserCenter .my-button-user1 {color:#fff;border:0;width:85px;height:86px;background-color:; background:url(../images/user1-0.png) left top no-repeat;}
#pnlUserCenter .my-button-user1:active {border:0;width:85px;height:86px;background-color:; background:url(../images/user1-1.png) left top no-repeat;}
#pnlUserCenter .my-button-user2 {color:#fff;border:0;width:86px;height:86px;background-color:; background:url(../images/user2-0.png) left top no-repeat;}
#pnlUserCenter .my-button-user2:active {border:0;width:86px;height:86px;background-color:; background:url(../images/user2-1.png) left top no-repeat;}
#pnlUserCenter .my-button-user3 {color:#fff;border:0;width:86px;height:86px;background-color:; background:url(../images/user3-0.png) left top no-repeat;}
#pnlUserCenter .my-button-user3:active {border:0;width:86px;height:86px;background-color:; background:url(../images/user3-1.png) left top no-repeat;}
#pnlUserCenter .my-button-user4 {color:#fff;border:0;width:86px;height:86px;background-color:; background:url(../images/user4-0.png) left top no-repeat;}
#pnlUserCenter .my-button-user4:active {border:0;width:86px;height:86px;background-color:; background:url(../images/user4-1.png) left top no-repeat;}
#pnlUserCenter .my-button-user5 {color:#fff;border:0;width:86px;height:86px;background-color:; background:url(../images/user5-0.png) left top no-repeat;}
#pnlUserCenter .my-button-user5:active {border:0;width:86px;height:86px;background-color:; background:url(../images/user5-1.png) left top no-repeat;}
#pnlUserCenter .my-button-user6 {color:#fff;border:0;width:86px;height:86px;background-color:; background:url(../images/user6-0.png) left top no-repeat;}
#pnlUserCenter .my-button-user6:active {border:0;width:86px;height:86px;background-color:; background:url(../images/user6-1.png) left top no-repeat;}


#pnlVideoCover a{text-decoration:none;text-align:center}
#pnlVideoCover a.my-player1 {display:inline-block;width:85px;height:75px; color:#000;}
#pnlVideoCover a.my-player2 {display:inline-block;width:85px;height:75px; color:#000;}
#pnlVideoCover a.my-player3 {display:inline-block;width:85px;height:75px; color:#000;}